<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
  <title>未授权资源</title>
  <!--/*--> 引入css、jq、layui等样式、js <!--*/-->
  <meta th:include="~{layout/layout_head :: head}">
</head>
<body>
<div class="layui-container">
  <div class="fly-panel">
    <div class="fly-none">
      <h2><i style="cursor: pointer" id="icon" class="layui-icon layui-icon-face-surprised"></i></h2>
      <p>未授权资源无法访问，啥都看不到了…</p>
      <hr>
      <p id="msg" style="display: none;" th:text="${errorMessage}"></p>
    </div>
  </div>
</div>
<script>
  layui.use(['jquery'], function () {
    var $ = layui.jquery
    $('#icon').on('click', function () {
      if ($('#msg').css('display') === 'none') {
        $('#msg').show()
      } else {
        $('#msg').hide()
      }
    })
  })
</script>
</body>
</html>